基於前兩天的失敗，我決定換一個實作主題。
我改成使用JSFiddle來實作，我的主題是:以SASS配合CSS Grid或Flexbox的佈局實作
第一步
進入JSFiddle
第二步
撰寫Html
Html

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

第三步
撰寫SASS
SASS

// 定義變數
$primary-color: #3498db
$item-bg-color: #2ecc71
$item-padding: 20px
$font-size-large: 1.5rem

=flex-center
  display: flex
  justify-content: center
  align-items: center

.container
  height: 100vh
  background-color: $primary-color
  +flex-center

.item
  background-color: $item-bg-color
  padding: $item-padding
  color: white
  font-size: $font-size-large
  border-radius: 8px
  text-align: center

第四步
執行成果
成功!!!
加油!